/* component/pending/index.wxss */

.container {
  .top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .left {
      display: flex;

      .border {
        height: 76rpx;
        width: 76rpx;
        background: #ff6b6b;
        color: white;
        font-size: 28rpx;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
      }

      .title {
        display: flex;
        flex-direction: column;
        padding-left: 20rpx;
      }
    }
  }

  .botom {
    display: flex;
    justify-content: center;
    font-size: 28rpx;
    color: #5194F8;
  }
}

.right-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 70rpx;
  height: 50rpx;
  font-size: 24rpx;
  color:#ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #ff6b6b;
  border-radius: 0rpx 10rpx 0rpx 0rpx;
}
.right-icons {
    position: absolute;
    right: 70rpx;
    top: 0;
    width: 70rpx;
    height: 50rpx;
    font-size: 24rpx;
    color:#ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #1989fa;
    // border-radius: 0rpx 10rpx 0rpx 10rpx;
  }
// .border {
//   position: absolute;
//   font-size: 24rpx;
//   width: 70rpx;
//   height: 50rpx;
//   background-color: #5194f8;
//     top: 0;
//     right: 0;
//   // bottom: 0;
//   color:#ffffff;
//   display: flex;
//   flex-direction: column;
//   align-items: center;
//   justify-content: center;
//   border-radius: 0rpx 10rpx 0rpx 10rpx;
// }